<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="News - Clean HTML5 and CSS3 responsive template">
<meta name="author" content="MyPassion">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>绝地求生资讯网</title>

<!-- STYLES -->
<link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/fontello/fontello.css" />
<link rel="stylesheet" type="text/css" href="css/flexslider.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/ui.css" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/960.css" />
<link rel="stylesheet" type="text/css" href="css/devices/1000.css" media="only screen and (min-width: 768px) and (max-width: 1000px)" />
<link rel="stylesheet" type="text/css" href="css/devices/767.css" media="only screen and (min-width: 480px) and (max-width: 767px)" />
<link rel="stylesheet" type="text/css" href="css/devices/479.css" media="only screen and (min-width: 200px) and (max-width: 479px)" />
<link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,300,700,800' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
    <script type="text/javascript" src="js/customM.js"></script> <![endif]-->


</head>

<body>

<!-- Body Wrapper -->
<div class="body-wrapper">
	<div class="controller">
    <div class="controller2">

        <!-- Header -->
        <header id="header">
            <div class="container">
                <div class="column">
                    <div class="logo">
                        <a href="index.html"><img src="img/logo.png" alt="MyPassion" /></a>
                    </div>
                    <div class="search">
                        <a href="login.html" th:if=${session.userName==null}>登录</a>
                        <a href="/personal" th:text=${session.userName} th:if=${session.userName!=null}>登录</a>
                    </div>
                    
                    <!-- Nav -->
                    <nav id="nav">
                        <ul class="sf-menu">
                            <li class="current"><a href="index.html">首页</a></li>
<!--                            <li><a href="../../../../../../AppData/Local/Temp/reviews.html">战队</a></li>-->
<!--                            <li><a href="../../../../../../AppData/Local/Temp/reviews.html">比赛</a></li>-->
                        </ul>
                        
                    </nav>
                    <!-- /Nav -->
                </div>
            </div>
        </header>
        <!-- /Header -->
        
        <!-- Slider -->
        <section id="slider">
            <div class="container">
                <div class="main-slider">
                	<div class="badg">
                    	<p><a href="#">最热</a></p>
                    </div>
                	<div class="flexslider">
                        <ul class="slides">
                            <li th:each="lbt:${lbts}">
                                <img th:src="@{${lbt.img}}" alt="MyPassion" />
                                <p class="flex-caption"><a th:href="@{'/PlayVideo/'+${lbt.id}}" th:text="${lbt.title}"></a><span th:text="${lbt.subtitle}"></span></p>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="slider2">
<!--                	<div class="badg">-->
<!--                    	<p><a href="#">页面公告</a></p>-->
<!--                    </div>-->
                    <span th:each="ntc:${notic}">
                        <a href="#"><img src="img/flexslider/6.png" th:src="${ntc.img}" alt="MyPassion" /></a>
                        <p class="caption"><a th:href="@{'/Read/'+${ntc.id}}" th:text="${ntc.title}">We Are News.</a> <span th:text="${ntc.subtitle}">Donec bibendum dolor at ante. Proin neque dui, pre tium quis fringilla ut,  sodales sed metus. </span></p>
                    </span>
                </div>
                
                <div class="slider3" th:each="star:${stars}">
                	<a href="#"><img th:src="${star.img}" alt="MyPassion" /></a>
                    <p class="caption"><a th:href="@{'/Read/'+${star.id}}" th:text="${star.title}">Happy Birthday, blue jeans! </a></p>
                </div>
                
            </div>    
        </section>
        <!-- / Slider -->

        <!-- Content -->
        <section id="content">
            <div class="container">
            	<!-- Main Content -->
                <div class="main-content">
                	
                    <!-- Popular News -->
                	<div class="column-one-third">
                    	<h5 class="line"><span>最新的资讯</span></h5>
                        <div class="outertight">
                        	<ul class="block">
                                <li th:each="pop:${pops}">
                                    <a th:href="@{'/Read/'+${pop.id}}"><img th:src="${pop.img}" alt="MyPassion" class="alignleft" /></a>
                                    <p>
                                        <span th:text="${pop.subtitle}">26 May, 2013.</span>
                                        <a th:href="@{'/Read/'+${pop.id}}" th:text="${pop.title}">Blandit Rutrum, Erat et Sagittis.</a>
                                    </p>
                                    <span class="rating"><span style="width:80%;"></span></span>
                                </li>
                            </ul>
                        </div>
                        
                    </div>
                    <!-- /Popular News -->
                    
                    <!-- Hot News -->
                    <div class="column-one-third">
                    	<h5 class="line"><span>最热门资讯</span></h5>
                        <div class="outertight m-r-no">
                        	<ul class="block">
                                <li th:each="hot:${hots}">
                                    <a th:href="@{'/Read/'+${hot.id}}"><img th:src="${hot.img}" alt="MyPassion" class="alignleft" /></a>
                                    <p>
                                        <span th:text="${hot.subtitle}">26 May, 2013.</span>
                                        <a th:href="@{'/Read/'+${hot.id}}" th:text="${hot.title}">Blandit Rutrum, Erat et Sagittis.</a>
                                    </p>
                                    <span class="rating"><span style="width:80%;"></span></span>
                                </li>
                            </ul>
                        </div>
                        
                    </div>
                    <!-- /Hot News -->
                    
                    <!-- Life Style -->
                    <div class="column-two-third">
                    	<h5 class="line">
                        	<span>欢迎关注绝地求生，祝您大吉大利，今晚吃鸡！</span>
                            <div class="navbar">
                                <a id="next1" class="next" href="#"><span></span></a>
                                <a id="prev1" class="prev" href="#"><span></span></a>
                            </div>
                        </h5>
<!--                        -->
<!--                        <div class="outertight">-->
<!--                        	<img src="img/trash/24.png" alt="MyPassion" />-->
<!--                            <h6 class="regular"><a href="#">-->
<!--                                7.2版本更新 排位、人机等上线-->
<!--                            </a></h6>-->
<!--							<span class="meta"></span>-->
<!--                            <p></p>-->
<!--                        </div>-->
<!--                        -->
<!--                        <div class="outertight m-r-no">-->
<!--                        	-->
<!--                        	<ul class="block" id="carousel">-->
<!--                                <li th:each="player:${players}">-->
<!--                                    <a th:href="@{'/Read/'+${player.id}}"><img th:src="${player.img}" alt="MyPassion" class="alignleft" /></a>-->
<!--                                    <p>-->
<!--                                        <span th:text="${player.subtitle}">26 May, 2013.</span>-->
<!--                                        <a th:href="@{'/Read/'+${player.id}}" th:text="${player.title}">Blandit Rutrum, Erat et Sagittis.</a>-->
<!--                                    </p>-->
<!--                                    <span class="rating"><span style="width:80%;"></span></span>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                        </div>-->
                    </div>
                    <!-- /Life Style -->
                    <!-- /Popular News -->
                    
                </div>
                <!-- /Main Content -->
                
                <!-- Left Sidebar -->
                <div class="column-one-third">
                	<div class="sidebar">
                    	<h5 class="line"><span>和我们联系</span></h5>
                        <ul class="social">
                        	<li>
                            	<a href="" class="facebook"><i class="icon-facebook"></i></a>
                                <span>QQ联系<br/> <i>1248681326</i></span>
                            </li>
                            <li>
                            	<a href="#" class="twitter"><i class="icon-twitter"></i></a>
                                <span>邮件联系<br/> <i>12486@163.com</i></span>
                            </li>
                            <li>
                            	<a href="#" class="rss"><i class="icon-rss"></i></a>
                                <span>新浪微博</br><i>PUBG资讯中心</i></span>
                            </li>
                        </ul>
                    </div>

                    <div class="sidebar">
                    	<div id="tabs">
                            <ul>
                                <li><a href="#tabs1">比赛赛程</a></li>
                                <li><a href="#tabs2">比赛数据</a></li>
                                <li><a href="#tabs3">选手数据</a></li>
                            </ul>
                            <div id="tabs1">
                                <ul>
                                	<li>
                                    	<a href="#" class="title">2020京东杯</a>
                                        <span class="meta">2020年6月1日-2020年6月17日</span>
                                        <span class="rating"><span style="width:70%;"></span></span>
                                    </li>
                                    <li>
                                    	<a href="#" class="title">PCS慈善赛</a>
                                        <span class="meta">2020年5月14日-2020年5月24日</span>
                                        <span class="rating"><span style="width:70%;"></span></span>
                                    </li>
                                    <li>
                                    	<a href="#" class="title">2020绝地求生升降级赛</a>
                                        <span class="meta">2020年5月1日-2020年5月3日</span>
                                        <span class="rating"><span style="width:70%;"></span></span>
                                    </li>
                                    <li>
                                    	<a href="#" class="title">2020绝地求生联赛春季赛</a>
                                        <span class="meta">2020年4月5日-2020年4月26日</span>
                                        <span class="rating"><span style="width:70%;"></span></span>
                                    </li>
                                </ul>
                            </div>
                            <div id="tabs2">
                                <ul>
                                	<li>
                                    	<a href="#" class="title">虎牙天命杯S6小组赛</a>
                                        <span class="meta">SU4,RNG,BA,SMG成功进入决赛</span>
                                        <span class="rating"><span style="width:70%;"></span></span>
                                    </li>
                                    <li>
                                    	<a href="#" class="title">黄金大奖赛第九季：LYG夺得冠军</a>
                                        <span class="meta">4AM亚军，Lstars季军</span>
                                        <span class="rating"><span style="width:70%;"></span></span>
                                    </li>
                                    <li>
                                    	<a href="#" class="title">PCS慈善赛：天霸碾压性夺冠</a>
                                        <span class="meta">LYG第二，4AM、Lstars均进前八</a></span>
                                        <span class="rating"><span style="width:70%;"></span></span>
                                    </li>
                                    <li>
                                    	<a href="#" class="title">2020冠军联赛升降级赛</a>
                                        <span class="meta">VTOP,WZ,IG夺得PCL席位</span>
                                        <span class="rating"><span style="width:70%;"></span></span>
                                    </li>
                                </ul>
                            </div>
                            <div id="tabs3">
                                <ul>
                                	<li>
                                        <a href="#" class="title"><strong>Tianba-LinShuNN</strong> </br>场均击杀1.36 选手总击杀507</a>
                                    </li>
                                    <li>
                                        <a href="#" class="title"><strong>iFTY-LongSkrrrr</strong> </br>场均击杀1.48，选手总击杀612</a>
                                    </li>
                                    <li>
                                    	<a href="#" class="title"><strong>4AM-GODV</strong> </br>场均击杀1.11，选手总击杀854</a>
                                    </li>
                                    <li>
                                        <a href="#" class="title"><strong>RNG-XDD</strong></br>场均击杀1.57，选手总击杀651</a>
                                    </li>
                                    <li>
                                        <a href="#" class="title"><strong>SMG-17Shou</strong></br> 场均击杀1.41，选手总击杀945</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                    <div class="sidebar">
                    	<h5 class="line"><span>绝地求生国内战队综合排名</span></h5>
                        <div id="accordion">
                        
                            <h3>第一  Tianba战队</h3>
                            <div>
                                <p>Snake电子竞技俱乐部与中国知名艺人陈赫在2017年，共同打造 “Snake天才”绝地求生战队，“SnakeTC”就此诞生 ！2019年SnakeTC品牌升级改名为“天霸”战队 。</p>
                            </div>
                            
                            <h3>第二  IFTY战队</h3>
                            <div>
                                <p>iFTY，是中国电子竞技战队。2017年11月19日，绝地求生亚洲邀请赛结束了第三天组队四排比赛的争夺，iFTY最终以1330分斩获冠军。
                                    2019年7月21号，绝地求生虎牙天命杯的战斗已经全部落下帷幕了，在国内各大战队经过了数天的奋战之后，最终在经过人员不断
                                    重组之后的老牌劲旅IFTY成功力压群雄再度站在巅峰舞台之上，恭喜IFTY！</p>
                            </div>
                        
                            <h3>第三  4AM战队</h3>
                            <div>
                                <p>
                                    4AM战队是由旗下原LOL人气中单韦神创办的一支绝地求生战队，是一家独立运行的PUBG职业俱乐部。 2017年，4AM宣布入驻虎牙。
                                    在2017年夺得香蕉计划绝地求生国际邀请赛亚军、杭州电竞嘉年华冠军及韩国G-STAR绝地求生亚洲邀请赛夺得亚军，在2018年6月
                                    绝地求生PCPI S1中国区（TPP）获得冠军。2019年10月，获百度APP&百家号杯和平精英电竞赛冠军 。2019年11月25日，获《绝地求生》PGC全球总决赛季军。
                                </p>
                            </div>
                            
                            <h3>第四  TSG战队</h3>
                            <div>
                                <p> TSG.PUBG分部于2018年1月组建完毕，战队是以著名武侠小说《四大名捕》的正义力量代表者诸葛正我的四大弟子命名，在绝地战场上“无情”以中远距离打靶而闻名，
                                    “千里之外取人首级”杀人于无形，精准的射让对手措手不及；二师兄“铁手”以近战对决为亮点快速射击、高爆发、高伤害击溃对手，“追命”则为整个团队的大脑，行兵布阵、洞察全局、把控和指挥比赛的节奏；四师弟“冷血”常
                                    常被坚执锐以先锋之勇为团队打开局面，拥有着超强的收割能力，成为团队战无不胜的核心。</p>
                            </div>
                            
                        </div>
                    </div>

                </div>
                <!-- /Left Sidebar -->
                
            </div>    
        </section>

    </div>
	</div>
</div>
<!-- / Body Wrapper -->


<!-- SCRIPTS -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easing.min.js"></script>
<script type="text/javascript" src="js/1.8.2.min.js"></script>
<script type="text/javascript" src="js/ui.js"></script>
<script type="text/javascript" src="js/carouFredSel.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/customM.js"></script>
<script type="text/javascript" src="js/flexslider-min.js"></script>
<script type="text/javascript" src="js/tweetable.js"></script>
<script type="text/javascript" src="js/timeago.js"></script>
<script type="text/javascript" src="js/jflickrfeed.min.js"></script>
<script type="text/javascript" src="js/mobilemenu.js"></script>

<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script> <![endif]-->
<script type="text/javascript" src="js/mypassion.js"></script>


</body>
</html>
